@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);

html {
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
}

body {
    width: 100%;
    max-width: 1048px;
    margin: 0 auto;
    font-size: 14px;
}

h1#logo {
    margin-left: 100px;
    margin-top: 16px;
}

#comingsoon {
    position: relative;
    width: 100%;
    height: 500px;
    background: #FFFFFF url('/images/MullisMasonryComingSoon.jpg') no-repeat 50% 50%;
    background-size: cover;
}

#comingsoon .hoverText {
    position: absolute;
    left: 0;
    bottom: 141px;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    text-align: center;

    text-shadow: 0 1px 3px #000;
    text-shadow: 0 1px 3px rgba(0,0,0,0.6);
}

a.button {
    margin-left: 14px;
    padding: 16px 60px 14px;
    font-size: 14px;
    color: #000000;
    background-color: #d2be50;
    border: 1px solid #ac9e4d;
    text-transform: uppercase;
    text-decoration: none;

    -o-text-shadow: 0 1px 3px #000;
    -o-text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -moz-text-shadow: 0 1px 3px #000;
    -moz-text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-text-shadow: 0 1px 3px #000;
    -webkit-text-shadow: 0 1px 3px rgba(0,0,0,0.3);
    text-shadow: 0 1px 3px #000;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);

    -o-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
    box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset;
}

body > footer {
    font-size: 12px;
    text-align: right;
    padding: 14px;
}
